<template>
  <div style="display: flex;height:100%">
    <Card class="file-left-pane">
      <FileTypeTree @setTid="setTid"/>
    </Card>
    <Card class="file-right-pane">
      <FilePreivewContainer ref="filePreviewRef"/>
    </Card>
  </div>
</template>

<script setup>
import FileTypeTree from "@/components/file/file-type-tree";
import FilePreivewContainer from "@/components/file/file-preview-container";
import {getCurrentInstance} from "vue";

const {proxy} = getCurrentInstance();


const setTid = (e) => {
  proxy.$refs.filePreviewRef.setFileTypeId(e)
}

</script>

<style scoped lang="less">
@import "./file.less";
</style>
